<template>
    <div class="layout_one">
      {{ title }}
    </div>
  </template>
    
    <script lang="ts">
  import { defineComponent, reactive } from "@vue/runtime-core";
  import { useRouter } from "vue-router";
  
  export default defineComponent({
    name: "NianJi",
    setup() {
      const state = reactive({
        title: "这是年级",
      });
  
      const router = useRouter();
  
      return {
        ...state,
      };
    },
  });
  </script>
    
    <style scoped>
  .layout_one {
    background: #fff;
    padding: 20px;
    height: calc(100vh - 140px);
    box-shadow: 0 0 3px #e4e7ed;
  }
  .layout_one:hover {
    box-shadow: 0 0 5px #cdd0d6;
  }
  </style>